{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset="utf-8">

	<title>{% block title %}index{% endblock title %}</title>

	{% block css %}
	<link rel="stylesheet" href="{% static 'hello/css/site.css' %}" type="text/css">
	{% endblock css %}

	{% block js %}
	{% endblock js %}

  </head>
  <body {% block body_attr %}{% endblock body_attr %}>
	{% block body %}
	<nav>
	  <ul>
		<li><a href="/">index</a></li>
		<li><a href="{% url 'testpost' %}">testpost</a></li>
		<li><a href="/about">about</a></li>
	  </ul>
	</nav>
	<h2>Hello World</h2>
	<pre>
	  &lt;img src="{{ example }}" &gt;
	</pre>
	<h3>Image Examples</h3>
	<ul>
	  <li><img src="{% url 'placeholder' width=150 height=50 %}"></li>
	  <li><img src="{% url 'placeholder' width=100 height=50 %}"></li>
	  <li><img src="{% url 'placeholder' width=150 height=100 %}"></li>
	</ul>
	<h1>Hello World</h1>
	{% endblock body %}
  </body>

</html>
